<template>
  <div id="paysuccess">
           <van-nav-bar
          title="订单状态"
          :fixed=true
          :border=true
       ></van-nav-bar>
       <div class="h1"><div class="h2"><span style="margin-right:0.5rem"><van-icon name="checked" /></span><span>订单提交成功</span></div></div>
       <van-cell-group>
          <van-cell >
              <template #title>
                 <span style="margin-right:1rem">订单编号:</span><span>{{bianhao}}</span>
              </template> 
          </van-cell>
          <van-cell >
              <template #title>
                 <span style="margin-right:1rem">订单金额:</span><span style="color:#21d9a2;font-size:1rem">{{totalPrice|moneyFormat}}</span>
              </template> 
          </van-cell>
        </van-cell-group>
       <van-cell-group style="margin-top:0.1rem">
            <van-button  style="margin-left:5rem" type="primary" url="http://localhost:8080/#/dashboard/mine">个人中心</van-button>
            <van-button style="margin-left:1.5rem"  type="primary" url="http://localhost:8080/#/dashboard/home">返回首页</van-button>
        </van-cell-group>
  </div>
</template>

<script>
import { Icon } from 'vant'
 //import { payOrder } from './../../../../service/api/index.js'
	export default{
     name:"Pay",
     data(){
         return{
            bianhao:'',
            totalPrice:''

         }
     },
      
      mounted(){
         console.log(this.$route);
         this.bianhao = this.$route.params.bianhao;
         this.totalPrice = this.$route.params.totalPrice;
      },

     methods:{
    
          
     }

	}
</script>


<style lang="less" scoped>
     #paysuccess{
     	position:fixed;
     	top:0;
     	left:0;
     	bottom:0;
     	right:0;
     	background-color:#f5f5f5;
     	z-index:200;
      overflow-y: scroll;
     }


     .h1{
        margin-top:3rem;
        background: white;
        height:2.5rem;
     }
      
      .h2{
        color:#21d9a2;
        width: 8rem;
        height:1.5rem;
        margin-top: 3rem;
        margin-left:7rem;
        background-color:ehite;
      }

</style>